<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" href="../css/shezhi.css" />
		<link rel="stylesheet" href="../css/base.css" />
		<link rel="stylesheet" href="../Font/demo-files/demo.css" />
	</head>
	<body>
		<div class="shezhi-top">
			<a class="bian" href="me.html"><img src="../img/zuo.png" alt="" /></a>
			<p>设置</p>
			<p class="bian"><img src="../img/dui.png" alt="" /></p>
		</div>
		<ul class="shezhi-ul">
			<li class="shezhi-li feixiang" >
				<i class="icon icon-share2"></i>
				<p>分享给好友</p>
			</li>
			<li class="shezhi-li">
				<i class="icon icon-file-text2"></i>
				<p>意见反馈</p>
			</li>
			<li class="shezhi-li">
				<i class="icon icon-loop2"></i>
				<p>检查更新</p>
			</li>
			<li class="shezhi-li last-li">
				<i class="icon icon-bin"></i>
				<p>清理缓存</p>
			</li>
			<button class="out-btn">退出登录</button>
		</ul>
		<div class="ifShow">
			<div class="ifShow-box">
				<div>
					<p><img src="../img/pyq.png" alt="" /></p>
					<p>朋友圈</p>
				</div>
				<div>
					<p><img src="../img/wx.png" alt="" /></p>
					<p>微信好友</p>
				</div>
				<div>
					<p><img src="../img/qq.png" alt="" /></p>
					<p>QQ好友</p>
				</div>
				<div>
					<p><img src="../img/QQqzone.png" alt="" /></p>
					<p>QQ空间</p>
				</div>
				<div>
					<p><img src="../img/wb.png" alt="" /></p>
					<p>新浪微博</p>
				</div>
				<div>
					<p><img src="../img/copy.png" alt="" /></p>
					<p>复制链接</p>
				</div>
				<p class="qx">取消</p>
			</div>
		</div>
		
		
		
	</body>
	<script src="../js/rem.js"></script>
	<script src="../js/jquery-3.1.1.js"></script>
	<script>
		$('.feixiang').click(function(){
			$('.ifShow').css('display','block')
		})
		$('.qx').click(function(){
			$('.ifShow').css('display','none')
		})
		$('.bian').click(function(){
			window.history.back();
		})
	</script>
</html>
